<template>
	<view class="sun-list">
		<navigator  v-for="item in list" :key="item.id"
			:url="'/pages/floor/floor-detail?id='+item.id+'&title='+item.title">
			<view class="sun-list-item">
				<view class="sun-list-item-media" :style="{order: imgLeft? 0 : 1}">
					<image :src="item.coverImageUrl | absUrl" mode="aspectFill"></image>
				</view>
				<view class="sun-list-item-content " :class="{'pl-16': imgLeft,'pr-16': !imgLeft}">
					<view class="sun-list-item-title uni-ellipsis-1">
						{{item.title}}
					</view>
					<view class="sun-list-item-second">
						{{item.regionFullName}}
					</view>
					<view class="sun-list-item-tail">
						<view class="sun-price">
							<text class="text-sm mr-xs">价格:</text> {{item.price}}
						</view>
						<view class="sun-area">
							<text class="text-sm mr-xs">面积:</text> {{item.area}}
						</view>
					</view>
				</view>
			</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		name:"floor-list",
		props:{
			list:Array,
			imgLeft: {
				type: Boolean,
				default: true
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
</style>
